<template>
	<view>
		<view class="loginBox">
			<view class="buttonBox">
				<p>
					<img src="../../static/loginbcg.jpg">
				</p>
				<button class="login">微信手机号快捷登录</button>
				<button class="registered">手机号登录/注册</button>
			</view><!-- buttonBox结尾 -->
			<view class="agreement">
				复选框暂定
			</view><!-- 协议结尾 -->
		</view><!-- loginBox结尾 -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: ""
			}
		},
		methods: {

		}
	}
</script>

<style>
	.buttonBox {
		width: 100%;
		height: 600rpx;
		margin-top: 170rpx;
	}

	.buttonBox p {
		width: 100%;
		margin: 0 auto;
	}

	.buttonBox p img {
		width: 100%;
		height: 350rpx;
	}

	.login {
		border: 1px #D7483D solid;
		width: 600rpx;
		height: 100rpx;
		line-height: 100rpx;
		background: linear-gradient(to right, #EF4044, #F06944);
		color: white;
	}

	.registered {
		width: 600rpx;
		height: 100rpx;
		line-height: 100rpx;
		border: 1px #CCCCCC solid;
		margin-top: 20px;
	}
</style>
